<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JSLite</title>
	<!-- <script type="text/javascript" src="../build/JSLite.min.js"></script> -->
	<script type="text/javascript" src="../src/JSLite.js"></script>

<style type="text/css">
body{/*background-image: url(http://dengo.org/demo/bg.jpg);*/}
.box{border: 1px solid blue;}
#box{border: 1px solid red;padding: 10px;}
.button{border:1px solid #777777;}
</style>
<script type="text/javascript">
$(document).ready(function(){
// alert()
console.log($("#box"))
});

$('.boxGo').off("beforeunload")

// window.onbeforeunload = function(){
// 	return "刷新或者离开"
// }

// $(window).on('beforeunload',function(){
// 	console.log("test")
// 	var warning ="刷新或离开?"
// 	return warning;
// }) 
</script>
</head>
<body>
<div id="log">
	log
<hr/>

</div>
<div id="test" class=" boxGoP test" style="background-color:yellow">
		<p>请点击任意一个 p 元素，它会消失。包括本段落。</p>

		<div>这是一个段落。</div>
		<button class="boxGo">在本按钮后面插入一个新的 p 元素</button>
</div>

<ul>
	<li><b>Click me!</b></li>
	<li>You can also <b class="sb">Click me!</b></li>
</ul>

<form name="input" id="wcj" action="http://127.0.0.1/api.php" method="get">
First name:
<input type="text" name="FirstName" value="Mickey" size="20">
<br />Last name:
<input type="text" name="LastName" value="Mouse" size="20">
<br />
<input type="submit" value="Submit">
</form>
<div id="box" draggable="true" ondrop="evee(event)" class="boxOne box2 box3" style="color:red;margin-top:10px;">
	boxOne
	<div class="box">6</div>
	<div class="boxss">aaa<div class="box" id="boxWhy">11</div><div class="box">22<span>123</span><span>456</span></div>bbb</div>
	<div class="box">7<div class="boxs">123123</div></div>
	<input type="button" />
	1234
</div>

<div class="JSLite">
	<input type="text" name="LastName" value="Mouse" size="20">
</div>
<form action="index_submit" method="get" accept-charset="utf-8">
	<input type="radio" name="golang" id="" value="456">
	<input type="radio" name="golang" id="" value="123">
	<input type="text" name="name" id="">
	<input type="password" name="password" id="">
	<select name="sel" multiple>
		<option value="1">go</option>
		<option value="2">val</option>
	</select>
	<input type="file" name="kaikai" id="">
	<div>23</div>
	  <fieldset>
	    <legend>health information</legend>
	    height: <input type="text" name="w" />
	    weight: <input type="text" name="w2" />
	  </fieldset>
</form>
<select name="" multiple id="select">
	<option value="1">哈哈1</option>
	<option value="2">哈哈2</option>
	<option value="3">哈哈3</option>
</select>
<input type="text" name="" id="input" value="23" placeholder="">
<span id="msg" style="display:block;">说点什么</span>
<div class="box1">1</div>
<div class="box why boxOne">12boxOne</div>
<div class="content">53</div>

<div class="boxs">1234567890</div>
<div class="button"><div>5</div><span>555</span></div>
<div class="button"><span>6</span><span>666</span><div class="boxs">123123</div></div>
<input type="button" id="input2" name="templates[]" />
<input type="checkbox" name="" value="">
<div></div>
<div class="button"><span>7</span><span>666</span>
<div class="button"><span>22222</span><span>33333</span></div>
</div>
<div></div>
</body>
</html>
